<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/fmt" prefix="fmt" %>
<link rel="stylesheet" href="${ctx}assets/plugins/aggrid/latest/styles/theme-fresh.css">
<script src="${ctx}assets/plugins/aggrid/latest/ag-grid.min.js"></script>
<script type="text/javascript"> 
var baseUrl = "${baseUrl}";
var baseBusName = "${baseBusName}";
debugs("baseBusName:"+baseBusName+",baseUrl:"+baseUrl);
var searchUrl = "";
var searchJsonUrl = baseUrl+"page.json";
var addUrl = baseUrl+"add";
var saveUrl = baseUrl+"save";
var editUrl = baseUrl+"edit/";
var updateUrl = baseUrl+"update";
var deleteUrl = baseUrl+"remove";
var browseUrl = baseUrl+"browse/";
var viewUrl = baseUrl+"view/";
var detailUrl = baseUrl+"detail/";

function selectAll() {
    gridOptions.api.selectAll();
    debugs(gridOptions.api.getSelectedRows());
}

function deselectAll() {
    gridOptions.api.deselectAll();
    debugs(gridOptions.api.getSelectedRows());
}

function sizeToFit() {
    gridOptions.api.sizeColumnsToFit();
}

function autoSizeAll() {
    var allColumnIds = [];
    columnDefs.forEach( function(columnDef) {
        allColumnIds.push(columnDef.field);
    });
    gridOptions.columnApi.autoSizeColumns(allColumnIds);
}

function createdTimeValueGetter(params) {
    return  getTimeStr(params.data.createdTime);
}

function createdTimeYMDValueGetter(params) {
	return  getTimeYMDStr(params.data.createdTime);
}

function updatedTimeValueGetter(params) {
    return  getTimeStr(params.data.updatedTime); 
}

function updatedTimeYMDValueGetter(params) {
    return  getTimeYMDStr(params.data.updatedTime); 
}

/**status  0 禁用，1可用，－1删除*/
function statusValueGetter(params) {
	if(null == params.data.status){ return "";  }
	else if(params.data.status == 1){ return "<fmt:message key='available'/>"; }
	else if(params.data.status == -1){ return "<fmt:message key='sys.delete'/>"; }
	else if(params.data.status == 0){ return "<fmt:message key='disable'/>"; }
    return  "";
}

//对类型进行转换
function convertstatus3(params){
	var type=params.data.type;
	var result="";
	if(type=="0"){
		result="<fmt:message key='BonusIncome'/>";
	} else if(type=="1"){
		result="<fmt:message key='BonusConsumption'/>";
	}else{
		result="<fmt:message key='member.other'/>";
	}
	return result;
}

/**picturetyle 1 图片  2 视频 3 文档文件 4 其他 5 业务指南 6 联系我们 7 轮播图  8 经典案例*/
function pictureValueGetter(params) {
	if(null == params.data.file_type){ return "";  }
	else if(params.data.file_type == 1){ return "<fmt:message key='Financial.software'/>"; }
	else if(params.data.file_type == 2){ return "<fmt:message key='health.care'/>"; }
	else if(params.data.file_type == 3){ return "<fmt:message key='intelligent.inspection'/>"; }
	else if(params.data.file_type == 4){ return "<fmt:message key='telemedicine'/>"; }
	else if(params.data.file_type == 5){ return "<fmt:message key='picture'/>"; }
	else if(params.data.file_type == 6){ return "<fmt:message key='sys.carousel'/>"; }
	else if(params.data.file_type == 7){ return "<fmt:message key='sys.logo'/>"; }
	else if(params.data.file_type == 13){ return "<fmt:message key='sys.video'/>"; }
// 	else if(params.data.file_type == 9){ return "文件文档"; }
	else if(params.data.file_type == 10){ return "<fmt:message key='sys.coreBusiness'/>"; }
	else if(params.data.file_type == 11){ return "<fmt:message key='sys.contactus'/>"; }
	else if(params.data.file_type == 12){ return "<fmt:message key='sys.case'/>"; }
	else if(params.data.file_type == 14){ return "<fmt:message key='Financial.software'/>"; }
	else if(params.data.file_type == 15){ return "<fmt:message key='health.care'/>"; }
	else if(params.data.file_type == 16){ return "<fmt:message key='intelligent.inspection'/>"; }
	else if(params.data.file_type == 17){ return "<fmt:message key='telemedicine'/>"; }
    return  "";
}

function statusValueGetter(params){
	if(null == params.data.status){ return "";  }
	else if(params.data.status == 1){ return "<fmt:message key='sys.show'/>"; }
	else if(params.data.status == 0){ return "<fmt:message key='sys.hide'/>"; }
	return  "";
}

function dateValueGetter(params){
	if(null == params.data.create_time){ return "";  }
// 	date = params.data.create_time.substring(0,16);
	date = params.data.create_time.substring(0,10);
	return date;
}

function dicTypeValueGetter(params){
	if(null == params.data.dicType){ return "";  }
	else if(params.data.dicType == "page_column_type"){ return "<fmt:message key='homePage.show'/>"; }
	else if(params.data.dicType == "page_case_type"){ return "<fmt:message key='case.display'/>"; }
	return  "";
}
/**status 单元格的着色  0 禁用，1可用，－1删除*/
function statusCellStyle(params) {
	if(null == params.data.status){ return {'text-align':'center'};  }
	else if(params.data.status == 1){ return {'text-align':'center','color': 'green'}; }
	else if(params.data.status == -1){ return {'text-align':'center','color': 'red','text-decoration':'line-through'}; }
	else if(params.data.status == 0){ return {'text-align':'center','color': 'grey'}; }
    return  {'text-align':'center'};
}

/**center 单元格内容*/
function centerCellStyle() {
    return  {'text-align':'center'};
}

/**left 单元格内容*/
function leftCellStyle() {
    return  {'text-align':'left'};
}

/**category  0系统或根,1菜单,2按钮*/
function categoryValueGetter(params) {
	debugs("category:"+params.data.category);
	if(null == params.data.category){ return "";  }
	else if(params.data.category == 1){ return "<fmt:message key='menu'/>"; }
	else if(params.data.category == 2){ return "<fmt:message key='button'/>"; }
	else if(params.data.category == 0){ return "<fmt:message key='system'/>"; }
    return  "";
}

function targetValueGetter(params){
	if(null == params.data.target){return "";}
	else if(params.data.target == "_self"){ return "<fmt:message key='sys.currentWindow'/>"; }
	else if(params.data.target == "_blank"){ return "<fmt:message key='sys.new'/>"; }
}

var linksTooltipsRenderer = function(params){
	debugs(params);
	debugs(params.value);
    if(isNotEmpty(params) && isNotEmpty(params.value) && params.value.lastIndexOf("\\") > 0){
    	var simpleName =  params.value.substr(params.value.lastIndexOf("\\")+1);
    	return '<span title="' + params.value + '">'+simpleName+'</span>';
    }else{
    	return params.value;
    }
}

/**单元格样式根据内容改变*/
function cellClassRule(){
	return {};
	//return { 'rag-green':'x == 1 || x == "可用"',  'rag-amber': 'x == -1', 'rag-red': 'x == 0' }; 
}

function operEditDeleteCellRenderer(params) {
    return "<span title='修改' class='oper-margin5' onclick='rowEdit("+params.data.id+")'><i class='fa fa-pencil'></i></span>"
    			+"<span title='删除' class='oper-margin5' onclick='rowDelete("+params.data.id+")'><i class='fa fa-remove'></i></span>"; 
}
function operEditDeleteViewCellRenderer(params) {
	return "<span title='查看' class='oper-margin5' onclick='rowView("+params.data.id+")'><i class='fa fa-newspaper-o'></i></span>"+
	"<span title='修改' class='oper-margin5' onclick='rowEdit("+params.data.id+")'><i class='fa fa-pencil'></i></span>"
	+"<span title='删除' class='oper-margin5' onclick='rowDelete("+params.data.id+")'><i class='fa fa-remove'></i></span>"; 
}
function operViewCellRenderer(params) {
	return "<span title='查看' class='oper-margin5' onclick='rowView("+params.data.id+")'><i class='fa fa-newspaper-o'></i></span>";
}

/**打开弹出窗*/
function layerOpen(title,url){
	debugs("layerOpen:"+title+","+url);
	var index = layer.open({ type: 2, title: title, content: url  });
	layer.full(index);
}

function rowAdd(){
	var title = "添加"+baseBusName;
	debugs("rowAdd:"+title+","+addUrl);
	var index = layer.open({ type: 2, title: title, content: addUrl });
	layer.full(index);
}

function rowDelete(url,id){
	 var setIds = [];
	 setIds.push(id); 
// 	 layer.confirm('确定要删除该条'+baseBusName+'数据？', {
	 layer.confirm('<fmt:message key="sys.deleteSelectData"/>', {
		 btn: ['<fmt:message key="sys.yes"/>', '<fmt:message key="sys.exit"/>'] 
	   ,btn2: function(index, layero){
	    	layer.close(index);
	   },title : ['Message' , true]
	 }, function(index, layero){
		 deletes(url,setIds);
		//location.href="${ctx}admins/adminrole/remove/"+setIds;
	 }); 
}

function rowDeletes(){
	 var setIds = [];
	 var allRows = gridOptions.api.getSelectedRows();
	 debugs(allRows);
	 if(allRows == null || allRows.length <1){
//     	alertError('请选择数据');
    	alertError('<fmt:message key="sys.pleaseSelectData"/>');
		return false; 
	 }

	 for(var i = 0 ; i < allRows.length ; i ++){
		 setIds.push(allRows[i].id);
	 }  
	
// 	 layer.confirm('确定要删除这些'+baseBusName+'数据？', {
	 layer.confirm('<fmt:message key="sys.deleteSelectData"/>', {
	   btn: ['<fmt:message key="sys.yes"/>', '<fmt:message key="sys.exit"/>'] 
	   ,btn2: function(index, layero){
	    	layer.close(index);
	   },title : ['Message' , true]
	 }, function(index, layero){
		 deletes(setIds);
	 }); 
}

var localeText = {  loadingOoo: '<fmt:message key="sys.loading"/>' }/**本地化支持*/

function gridColumnsToFit(){gridOptions.api.sizeColumnsToFit()};/**自适应表格*/
function rowSelected(event) { }//event.node.id
function rowNodeId(item) {return item.id; }//event.node.id
function gridSizeChanged(event) {
    debugs('Callback onGridSizeChanged: clientWidth = ' + event.clientWidth + ', clientHeight = ' + event.clientHeight);
}

//"${ctx}admins/adminrole/remove"
function deletes(setIds){
	debugs(setIds);
	 $.ajax({
		 traditional: true,
		 url : deleteUrl,//?rand =+Math.random(),
		 data : JSON.stringify({"ids":setIds}), 
		 success : function(data) {
			 debugs(data);
    			if(data != null && data.flag ){
    				alertError('<fmt:message key="sys.deleteSuccess"/>'); 
    				$('#listForm').submit(); 
    			}else{
    		    	alertError('<fmt:message key="sys.deleteFailed"/>'); 
    			}
		 } 
	 }) ;  
}

function rowEdit(id){
	layerOpen("<fmt:message key='sys.update'/>"+baseBusName,updateUrl+"/"+id);
}

function refreshs(){
	listFormPageSearch(1);
	layer.msg('<fmt:message key="sys.refreshSuccess" />',{time:500});
}
function rowView(id){
	layerOpen("查看"+baseBusName,viewUrl+id);
}

/**grid的通用配置*/
var gridCommonTableConfig = {
		rowData : null,
		rowSelection : 'multiple', // one of ['single','multiple'], leave blank for no selection
		onRowSelected : rowSelected, //
		onRowDoubleClicked : rowDoubleClicked,
		getRowNodeId : rowNodeId,
		enableColResize : true,
		onGridReady : gridColumnsToFit,/**自适应表格*/
		onGridSizeChanged : gridSizeChanged,
		localeText : localeText
};
	
function rowDoubleClicked(params) {
	debugs("Callback onRowDoubleClicked: " + params.data.name + " - " + params.data.id + " - " + params.data.pid);//event.node.id
	rowView(params.data.id);
}

function getTimeStr(value){
	if(value == null || value == ""){
		return "";//暂无操作
	}
	var date = new Date(value);
	return formatterDateTime(date);
}

function getNullCreateTime(value){
	if(value.data.createtime == null || value.data.createtime == ""){
		return "暂未修改";//暂无操作
	}else{
		return value.data.createtime;
	}
}

function getNullUpdateTime(value){
	if(value.data.updatetime == null || value.data.updatetime == ""){
		return "暂未修改";//暂无操作
	}else{
		return value.data.updatetime;
	}
}

function createdTimeValueGetter1(params) {
	if(params.data.createtime == null || params.data.createtime == ""){
		return "暂未操作"
	}else{
	    return  getTimeStr(params.data.createtime);
	}
}
function updatedTimeValueGetter1(params) {
	if(params.data.updatetime == null || params.data.updatetime == ""){
		return "暂未操作"
	}else{
	    return  getTimeStr(params.data.updatetime); 
	}
}
function createdTimeYMDValueGetter(params) {
	if(params.data.createdTime == null || params.data.createdTime == ""){
		return ""
	}else{
	    return  getTimeYMDStr(params.data.createdTime);
	}
}
function updatedTimeYMDValueGetter(params) {
	if(params.data.updatedTime == null || params.data.updatedTime == ""){
		return ""
	}else{
	    return  getTimeYMDStr(params.data.updatedTime); 
	}
}

function getTimeYMDStr(value){
	if(value == null || value == ""){
		return "";//暂无操作
	}
	var date = new Date(value);
	return formatterDateTimeYmd(date);
}

/** date类型转换成字符串显示 */
function formatterDateTime(date) {
    var datetime = date.getFullYear()
            + "-"// "年"
            + ((date.getMonth() + 1) >= 10 ? (date.getMonth() + 1) : "0" + (date.getMonth() + 1))
            + "-"// "月"
            + (date.getDate() < 10 ? "0" + date.getDate() : date.getDate())
            + " "
            + (date.getHours() < 10 ? "0" + date.getHours() : date.getHours())
            + ":"
            + (date.getMinutes() < 10 ? "0" + date.getMinutes() : date.getMinutes())
            + ":"
            + (date.getSeconds() < 10 ? "0" + date.getSeconds() : date.getSeconds());
    return datetime;
}

/** date类型转换成字符串显示 */
function formatterDateTimeYmd(date) {
    var datetime = date.getFullYear()
            + "-"// "年"
            + ((date.getMonth() + 1) >= 10 ? (date.getMonth() + 1) : "0" + (date.getMonth() + 1))
            + "-"// "月"
            + (date.getDate() < 10 ? "0" + date.getDate() : date.getDate());
    return datetime;
}

function formatterDateTodayBegin() {
	var date = new Date();
    var datetime = date.getFullYear()
            + "-"// "年"
            + ((date.getMonth() + 1) >= 10 ? (date.getMonth() + 1) : "0" + (date.getMonth() + 1))
            + "-"// "月"
            + (date.getDate() < 10 ? "0" + date.getDate() : date.getDate())
            + " 00:00:00";
    return datetime;
}

function formatterDateTodayEnd() {
	var date = new Date();
    var datetime = date.getFullYear()
            + "-"// "年"
            + ((date.getMonth() + 1) >= 10 ? (date.getMonth() + 1) : "0" + (date.getMonth() + 1))
            + "-"// "月"
            + (date.getDate() < 10 ? "0" + date.getDate() : date.getDate())
            + " 23:59:59";
    return datetime;
}

function getTimeStr(value){
	if(value == null || value == ""){
		return "";//暂无操作
	}
	var date = new Date(value);
	return formatterDateTime(date);
} 

var defaultPageFoot = '';
defaultPageFoot += '<a title="首页" id="firstPage" href="javascript:void(0);" ><i class="fa fa-step-backward activeNo"></i>&nbsp;</a>';
defaultPageFoot += '<a title="上一页" id="previousPage" href="javascript:void(0);" ><i class="fa fa-caret-left  fa-lg activeNo"></i>&nbsp;</a>';
defaultPageFoot += '<a title="下－页" id="pagesNextPage" href="javascript:void(0);" ><i class="fa fa-caret-right fa-lg activeNo"></i>&nbsp;</a>';
defaultPageFoot += '<a title="末页" id="pagesLastPage" href="javascript:void(0);" ><i class="fa fa-step-forward activeNo"></i>&nbsp;</a> ';
defaultPageFoot += '<span class="pageSkip">共0条</span>';

/**分页查询*/
function listFormPageSearch(pageNum){
	debugs("pageNum : "+pageNum);
	var pageForm = $("#listForm").serializeObject();
	debugs("pageForm "+pageForm);
	var pageCounts = $("#pageCounts").val();
    checkPageNumber(pageForm, pageNum);
	
	var searchMap = [];
	$.each(pageForm,function(name,value) {
		 if(name.indexOf('searchMap')>=0){
			 var searchMapMeta = {};
			 delete pageForm[name];
			 var name2 = name.replace("searchMap.","");
			 searchMapMeta[name2] = value; 
			 searchMap.push(name2+","+value);
		 }
	});
	pageForm.searchList = searchMap;
	debugs("pageForm after"+pageForm);
	
	var pageData = JSON.stringify(pageForm);
	debugs("ajax pageData 2: "+pageData);
	alert(0);
	$.ajax({
		url : searchJsonUrl + "?rand =" + Math.random(),
		data : pageData,
		success : function(pages) {
			debugs(pages);
			gridOptions.api.setRowData(pages.rows);
			$("#myGrid").height((pages.rows.length + 1) * 25 + 5);
			$("#pageSize").val(pages.pageSize);//","limit":5,"pageSize":5,"offset":0,"pageNumber" :1,
			var pageFoot = '';
			if(pages.pageCount >1){
				if(pages.pageNumber==1){
					/* sys.Previous.Page=上一页
					sys.Next.Page=下一页
					sys.home=首页
					sys.Last=末页
					*/
					pageFoot += '<a title="<fmt:message key="sys.home"/>" id="firstPage" href="javascript:void(0);" ><i class="fa fa-step-backward activeNo"></i>&nbsp;</a>'; 
				}else{
					pageFoot += '<a title="<fmt:message key="sys.home"/>" id="firstPage" href="javascript:void(0);" onclick="listFormPageSearch(1)"><i class="fa fa-step-backward activeYes"></i>&nbsp;</a>'; 
				}
				if(pages.pageNumber > 1){
					pageFoot += '<a title="<fmt:message key="sys.Previous.Page"/>" id="previousPage" href="javascript:void(0);" onclick="listFormPageSearch('+(pages.pageNumber-1)+')"><i class="fa fa-caret-left  fa-lg activeYes"></i>&nbsp;</a>';
				}else{
					pageFoot += '<a title="<fmt:message key="sys.Previous.Page"/>" id="previousPage" href="javascript:void(0);" ><i class="fa fa-caret-left  fa-lg activeNo"></i>&nbsp;</a>'; 
				}
				if(pages.pageNumber < pages.pageCount){
					pageFoot += '<a title="<fmt:message key="sys.Next.Page"/>" id="pagesNextPage" href="javascript:void(0);" onclick="listFormPageSearch('+(pages.pageNumber+1)+')"><i class="fa fa-caret-right fa-lg activeYes"></i>&nbsp;</a>';
				}else{
					pageFoot += '<a title="<fmt:message key="sys.Next.Page"/>" id="pagesNextPage" href="javascript:void(0);" ><i class="fa fa-caret-right fa-lg activeNo"></i>&nbsp;</a>'; 
				}
				if(pages.pageNumber == pages.pageCount){
					pageFoot += '<a title="<fmt:message key="sys.Last"/>" id="pagesLastPage" href="javascript:void(0);" ><i class="fa fa-step-forward activeNo"></i>&nbsp;</a> ';
				}else{
					pageFoot += '<a title="<fmt:message key="sys.Last"/>" id="pagesLastPage" href="javascript:void(0);" onclick="listFormPageSearch('+(pages.pageCount)+')"><i class="fa fa-step-forward activeYes"></i>&nbsp;</a> ';
				}
			}else{
				pageFoot += '<a title="<fmt:message key="sys.home"/>" id="firstPage" href="javascript:void(0);" ><i class="fa fa-step-backward activeNo"></i>&nbsp;</a>';
				pageFoot += '<a title="<fmt:message key="sys.Previous.Page"/>" id="previousPage" href="javascript:void(0);" ><i class="fa fa-caret-left  fa-lg activeNo"></i>&nbsp;</a>';
				pageFoot += '<a title="<fmt:message key="sys.Next.Page"/>" id="pagesNextPage" href="javascript:void(0);" ><i class="fa fa-caret-right fa-lg activeNo"></i>&nbsp;</a>';
				pageFoot += '<a title="<fmt:message key="sys.Last"/>" id="pagesLastPage" href="javascript:void(0);" ><i class="fa fa-step-forward activeNo"></i>&nbsp;</a> ';
			}

			pageFoot += '<span class="pageSkip"> ';
// 			pageFoot += '共'+pages.total+'条 , 每页'+pages.pageSize+'条 , 跳转到第';
			pageFoot += '<fmt:message key="sys.page"><fmt:param value="'+pages.total+'"/><fmt:param  value="'+pages.pageSize+'"/></fmt:message>';
			pageFoot += '<input id="pageNumers" name="pageNumber" value="'+pages.pageNumber+'" maxlength="9" onpaste="return false;" />/'+pages.pageCount;
			pageFoot += '<input type="hidden" id="pageCounts" name="pageCount" value="'+pages.pageCount+'" maxlength="9" onpaste="return false;" />';
			pageFoot += '<button type="button" onclick="listFormPageSearch()" title="跳转"><i class="fa fa-forward activeYes"></i></button>'; 
			pageFoot += '</span>';
			
			$("#paginationId").html(pageFoot);
			//解决当上次查询无数据时，弹出 “请输入合理的页码范围!”提示
			if($("#pageCounts").val()=="0"){
				$("#pageCounts").val("");
			}
			debugs("sizeColumnsToFit -- begin");
			gridOptions.api.sizeColumnsToFit();
			debugs("sizeColumnsToFit -- end");
			//setTimeout('agsizeColumnsToFit()', 100) ;
			//function agsizeColumnsToFit() {　　} 
		},error:function(xhr){
			alert(1);
			alertError("<fmt:message key='query.error'/>");
			//alertError("错误信息: " + xhr.status + " " + xhr.statusText);//请求失败遇到异常触发
			$("#paginationId").html(defaultPageFoot);
		}
	}); 
}
</script>
<style>
.width-auto {
	width: auto; ! important
}
.row{
	margin-left: 1px  ;! important;
	margin-right: 1px  ;! important;
}
  .rag-red {
       background-color: lightcoral;
   }
   .rag-green {
       background-color: lightgreen;
   }
   .rag-amber {
       background-color: lightsalmon;
   }

   .rag-red-outer .rag-element {
       background-color: lightcoral;
   }

   .rag-green-outer .rag-element {
       background-color: lightgreen;
   }

   .rag-amber-outer .rag-element {
       background-color: lightsalmon;
   }
   /**可用鼠标复制，但是键盘不行 https://github.com/ceolter/ag-grid/issues/87*/
   div.ag-root {
	-webkit-user-select:text;
	-moz-user-select:text;
	-ms-user-select:text;
	user-select:text;
}
.oper-margin5{margin: 0 5px;}
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden}
.clearfix{*+height:1%;}
	
/* ---------- Pagination ---------- */
div.pagination {
	height: 20px;
	float: right;
	padding: 10px 0px;
}

div.pagination a, div.pagination span {
	height: 18px;
	line-height: 18px;
	display: inline;
	float: left;
	margin-left: 3px;
	text-align: center;
	vertical-align: middle;
	white-space: nowrap;
	outline: none;
	blr: expression(this.hideFocus = true);
}

div.pagination a {
	padding: 0px 5px;
	border: 1px solid #cccccc;
}

div.pagination a:hover {
	border: 1px solid #fd6d01;
	text-decoration: none;
}

div.pagination span.page {
	width: 18px;
	cursor: default;
	border: 1px solid #cccccc; 
}
div.pagination .pageSkip input {
	width: 30px;
	height: 18px;
	line-height: 18px;
	padding: 0px;
	margin: 0px 5px;
	text-align: center;
	vertical-align: top;
	*vertical-align: middle;
	ime-mode: disabled;
	border: 1px solid #cccccc;
}

div.pagination .pageSkip button {
	width: 20px;
	height: 20px;
	margin: 0px 0px 0px 5px;
	vertical-align: top;
	*vertical-align: middle;
	cursor: pointer;
	outline: none;
	blr: expression(this.hideFocus = true);
	border: none; 
}
.activeYes{
	color: #FF6600;
}
.activeNo{
	color:#ccc;
}
</style>
<link rel="stylesheet" href="${ctx}assets/plugins/font-awesome/css/font-awesome.min.css">
